﻿body{overflow-x:hidden;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.hidden{display:none;}
.last{border-bottom:none !important;}
blockquote{background:#f9f9f9;padding:8px 20px;border:1px solid #ccc;}
ul,h2,p,dl,dd{
	padding: 0;
	margin: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
 
}

input,button{ outline:none; }
input:focus,button:focus{ outline:none; }
input,button{ outline:none; border:0; }



input,select,button,textarea{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none; outline:none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border:none
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#fff;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#fff;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#fff;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#fff;}
   	 
	 
.topindex-maxpic{width:100%;margin:0px auto; position:relative; }
.fullSlide {width:100%;position:relative;height:550px;background-color:#fff;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% ;}
.fullSlide .bd li {width:100% ;height:550px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:550px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:80px;line-height:30px;}
.fullSlide .hd ul {text-align:center;width:100%;margin:0px auto;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:10px;margin:1px;border:solid 2px #fff;margin-right:5px; overflow:hidden;	background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#fc9905;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;	z-index:1;top:50%;margin-top:-30px;	left:5%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:5%;background-position:-6px -137px;} 
#box { width: 100%;  padding: 3% 0px;  display: none;}

.w100{ width:100%}
.w100 img{ max-width:100%;}
.fd{ width:100%;}
.main{ width:74%; margin:0px auto; padding:0px; }
.main1{ width:83%; margin:0px auto; padding:0px; }
.jz{display:table; margin:0px auto;}
.l{ float:left;}
.r{ float: right;}
.tacenter{ text-align:center}
.tright{ text-align: right}
.tleft{ text-align: left}
.cwhite{ color:#fff;}
.cblack{ color:#000;}
.cblue{ color:#032f87}
.bgblue{ background:#004da0}
.bgwhite{ background:#fff}
.bgorg{ background:#f05a19}
.fwb{ font-weight:bold}
.time {transition: all ease-out .3s 0s; -webkit-transition: all ease-out .3s 0s; -moz-transition: all ease-out .3s 0s; -o-transition: all ease-out .3s 0s;}
.time1 {transition: all ease-out 1.2s 0s; -webkit-transition: all ease-out 1.2s 0s; -moz-transition: all ease-out 1.2s 0s; -o-transition: all ease-out 1.2s 0s;}
a:hover {text-decoration: none;}
ul li { list-style: none;}
.mgt40{ margin-top:40px;}
.mgt60{ margin-top:60px;}

.table { display: table;}
.table-cell { display: table-cell; vertical-align: middle;}

.topdiv{ width:100%; background: linear-gradient(90deg, #f05a19, #032f87); font:14px/33px "微软雅黑" ; color:#fff}
.lang{ width:33px; height:33px; background:#fe8a02; font:14px/33px "微软雅黑"; color:#fff; text-align:center; margin-left:20px; text-transform:uppercase}
.lang:hover{ background:#fff; color:#fe8a02}
.new_title img{max-width:100%}
.head { width: 100%;  z-index:9999; padding:30px 0; background:#fff; }

.topBox { display: none;}
.menuBox {display: none;}
.head_box {padding: 0px 7%;}
.logo a{ color: #fff;}
.logo a img{ margin-top:3px;	}
.logowz{ width:35%;  margin-left:15px;color:#000 }
.logowz b{ font-size:30px; line-height:30px; }
.logowz p{ font-size:13px; letter-spacing:0.5px; margin-top:1px; line-height:13px; text-transform:uppercase }
.rx{ width: auto; margin-top:6px; }
.rx li{ width:100%; float:left}
.rx li i{ width:31px; height:31px; float:left;}
.rx li i img{}
.rx li .rxwz{ width:auto; font:18px/31px "微软雅黑"; color:#000; margin-left:15px; }
.rx li .rxwz b{font: bold 30px/31px "微软雅黑"; color:#032f87}

.lang{ width:33px; height:33px; background:#fe8a02; font:14px/33px "微软雅黑"; color:#fff}
.topmeau { width: 100%; background:#024795;}
.topmeau li{ float: left; width: calc(100%/7); height:60px; text-align: center; position:relative }
.topmeau li a.wz{font: 18px/60px "微软雅黑";}
.topmeau li a.wz:hover{ color:#fff}
.topmeau li.lihover{ background:#0b193d}
.topmeau li.lihover a{ color:#fff}
.topmeau li dl{ width:100%; height: 0; padding-bottom:10px; background:#024795; position:absolute; left:0; top:43px; opacity:0; filter:alpha(opacity=0);  z-index:9999999999999999}
.topmeau li:hover dl{ height:auto;opacity:1; filter:alpha(opacity=100)}
.topmeau li dl .mz{ width:100%; overflow:hidden; font:14px/35px "微软雅黑"; color:#fff; box-sizing:border-box; }
.topmeau li dl .mz:last-child mz{ border-bottom:none}
.topmeau li dl .mz:hover{background:#fff; color:#024795;}
 

.nav{ width:100%; padding:5px 0; background:#fff; border-bottom:solid 1px #eee; position:fixed; left:0; top:0; display:none;  z-index:99}
.nav .logo{ height:45px; margin-left:3%}
.nav .logo img{ width:auto; height:35px; margin-top:4px;}
.nav .nav_icon{ height:35px; margin:5px 3% 0 0}
.nav .nav_icon img{ width:auto; height:35px}

.nav_menu{ width:100%;height:100%; position:fixed; right:0; top:0; z-index:99999}
.nav_menu .left{ width:42%; min-height:100%; float:left; background:#000; opacity:0.5; filter:alpha(opacity=40); margin:0;}
.nav_menu .right{ width:58%; max-height:100%; min-height:100%; float:right; background:url(../images/tm_b90.png); overflow:scroll}
.nav_menu .right .list{ width:100%; margin-top:20px; padding-bottom:80px; display:inline}
.nav_menu .right .list li{ width:92%; margin:0 4%; float:left; position:relative}
.nav_menu .right .list li .mz{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:10px; border-bottom:solid 1px #fff}
.nav_menu .right .list li dl{ width:100%; float:right}
.nav_menu .right .list li dl dd{ width:100%; float:left; border-bottom:dashed 1px #fff}
.nav_menu .right .list li dl dd a{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:20px}
.nav_menu .right .list li .wz{ font:13px/30px "微软雅黑"; color:#eee; margin:10px 40px 0 0; display:inline}

.kong{ width:100%; height:67px; display:none; clear:both; float:left}

.footer{ display:none;width:100%; padding:6px 0;  background:#000; position:fixed; left:0; bottom:0; display:none; z-index:9999}
.footer a{ width:25%}
.footer a .icon,.footer a .icon img{ width:auto; height:34px}
.footer a .wz{ width:100%; margin-top:3px; font:12px/18px "微软雅黑"; color:#fff; text-align:center}


/**首页标题**/
.tbg{background:url(../images/int.png) no-repeat center center; background-size:auto 100%; background-position:center center;}
.tbg1{background:url(../images/int.png) no-repeat left; background-size:auto 100%;}
.tbg2{background:url(../images/int1.png) no-repeat center center; background-size:auto 100%; background-position:center center;}
.title { width: 100%;}
.title .tda{ width:100%; font:38px/40px "微软雅黑"; margin:0 0 15px }
.title .tda span{ text-transform: uppercase; margin-left:10px;}
.title i{ width:57px; height:3px; display:table; margin:0px auto}
.title p{ width:100%; margin-top:25px;}

.title .bten{ font:bold 30px/30px "微软雅黑";  font-style:italic; text-transform:uppercase}
.title .btcn{ font:bold 30px/30px "微软雅黑"; display:inline; margin-top:10px}
.title .btcn strong{ font-size:61px}

.nytitle{ width:100%; font: bold 20px/26px "微软雅黑"; text-align:center; color:#4c4c4c}
.search2{ font:14px/25px "微软雅黑"; color:#999}
.bgblock{ background:#000}
.bgwhite{ background:#fff}

/* hon_Box */
.nyhonor{ display:none}
.honbg{ background: url(../images/honbg.jpg) repeat-x; padding:80px 0; margin-top:65px; margin-bottom:80px;}
.jzul{ width:100%; margin-top:75px;}
.jzul li{ width:calc(100%/4); float:left;}
.jzul li i{ width:150px; height:150px; margin:0px auto; display:table; box-sizing:border-box; border:1px solid #fff; border-radius:10px; }
.jzul li i .jzimg{display: table-cell;text-align: center;vertical-align: middle;}
.jzul li i .jzimg img{ max-width:100%;}
.jzul li p{ width:100%; text-align:center; float:left; font:18px/30px "微软雅黑"; margin:15px 0; color:#fff;}

#hon_Box{position:relative;width:100%;height:365px;margin:40px auto 50px; float:left}
#hon_Box ul{position:relative;width:100%;height:365px}
#hon_Box li{z-index:0;position:absolute; width: 282px !important; overflow:hidden;top:146px;cursor:pointer;left:377px; text-align:center;}
#hon_Box li:nth-child(1){ height:290px !important}
#hon_Box li:nth-child(2){ height:320px !important}
#hon_Box li:nth-child(3){ height:350px !important}
#hon_Box li:nth-child(4){ width:465px !important;height:380px !important}
#hon_Box li:nth-child(5){ height:350px !important}
#hon_Box li:nth-child(6){ height:320px !important}
#hon_Box li:nth-child(7){ height:290px !important}

/*#hon_Box li a{display: flex;
    align-items: center;  float:left ; }*/
#hon_Box li img{max-width:100%;background:url(../images/loading.gif) no-repeat center 50%;max-height:100%;vertical-align:top}
#hon_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#hon_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#hon_Box .prev,#hon_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#hon_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#hon_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#hon_Box .prev:hover{background-position:left top;}
#hon_Box .next:hover{background-position:right top;}
#hon_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}


/**首页about**/
.abg{ background:url(../images/aboutbg.jpg) no-repeat center top}
.aboutdiv{ width:100%; padding:95px 0}
.aboutimg{ width:50%; height:440px;}
.aboutimg img{ max-width:100%; }
.aboutwz{ width:46.5%; position:relative}
.aboutwz .wzimg{ width:100%; height:99px; text-align:left; position:absolute; left:0; top:-15px }
.aboutwz .wzimg img{ max-width:100%;}
.aboutwz .wzcon{ width:100%; font:16px/30px "微软雅黑"; color:#000; margin-top:20px; height:230px; margin-bottom:60px; text-indent:32px; overflow:hidden;}
.aboutwz .wzmore{ width:295px; font:21px/60px "微软雅黑";background:#024795; text-align: center; color:#fff; margin-top:65px;}
.aboutwz .wzmore:hover{ background:#fe8a02}

/**优势**/
.wd50{ width:50%}
.advimg,.minimg{ width:50%; text-align:left}
.advimg img,.minimg img{ max-width:100%}
.jjdiv{ width:100%; padding:80px 0; box-sizing:border-box; background: url(../images/advbg.jpg) no-repeat center center; margin-top:20px;}
.jjdiv .jjbt{ width:100%; float:left; text-align:center; }
.jjdiv .jjbt p{ font:21px/40px "微软雅黑"; color:#464646}
.jjdiv .jjbt b{ font: bold 52px/60px "微软雅黑"; color:#032f87}
.jjdiv .jj{ width:100%; margin-top:70px}
.jjdiv .jj li{ width:50%; height:120px; margin-bottom:30px;overflow:hidden;float:left;}
.jjdiv .jj li .pic{ width:65px; height:65px; float:left;  background:url(../images/advli.png) no-repeat left; text-align:center; font:30px/45px "微软雅黑"; color:#fff;}
.jjdiv .jj li .pic img{ max-width:100%; }
.jjdiv .jj li .wz{ width:65%; min-height:85px; float:left; margin-left:4%; font:bold 20px/30px "微软雅黑"}
.jjdiv .jj li .wz p{ font:15px/28px "微软雅黑";}


/**首页工程案例**/
.casediv {width: 100%; margin-top:85px}
.cbt{ width:14%; padding-top:40px;}
.pro_list{width:73%;height:227px; overflow:hidden; text-align:left;position:relative; }
.pro_list ul{ width:100%; height:100%;}
.pro_list ul li{ float:left;width:350px;height: auto;  margin-right:8px; overflow:hidden;}
.pro_list ul li .pic{ width:100%;  height:225px; overflow:hidden;float:left; }
.pro_list ul li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.pro_list ul li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

/*****/
.m22{ margin-left:22.5%}
.m43{ margin-left:35.7%}
.mindiv{  background:url(../images/min.jpg) no-repeat center  center; margin-bottom:65px; padding-top:10px;}
.mindiv .mr{ width:50%; float:left; margin-top:120px;}
.mindiv .mr p{ width:100%; text-align:center; color:#fe8a02; font:36px/40px "微软雅黑";}
.mindiv .mr .mrx{ width:66%; font:24px/57px "微软雅黑"; color:#fff; box-sizing:border-box; border:2px solid #fff; border-radius:30px; margin-left:9%; margin-top:20px;}
.mindiv .mr .mrx i{ width:32px; height:32px; margin:0 20px;}
.mindiv .mr .mrx em{ width:46px; height:46px; float:right; margin:5px 10px 0 0;}

/**首页产品中心**/
.pzx{ padding:65px 0;}
.plist{ width:100%; margin-top:45px; margin-bottom:30px}
.plist li{ width:32%; float:left; margin-bottom:35px; margin-right:2%; box-sizing:border-box; border:1px solid #e5e5e5;}
.plist li .plimg{ width:100%; height:420px; overflow:hidden;}
.plist li .plimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.plist li:hover .plimg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.plist li:nth-child(3n+0){ margin-right:0}
.plist li p{ font:21px/30px "微软雅黑"; background:#fff; color:#393939; width:100%; float:left; text-align:center; padding:17.5px 0; position:relative}
.plist li:hover p{ background:#004da0; color:#fff}

.pmore{ width:295px; font:21px/60px "微软雅黑"; display:table; margin:0px auto; text-align:center; background:#032f87; color:#fff}
.pmore:hover{ background:#fe8a02; color:#fff}
/**首页案例赏析**/

.clist{ width:100%; float:left; margin-top:80px; margin-bottom:30px;}
.clist li{ width:32%; float:left; margin-right:2%; margin-bottom:35px;}
.clist li:nth-child(3n+0){ margin-right:0}
.clist li .cimg{ width:100%; height:275px; overflow:hidden; float:left}
.clist li .cimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.clist li:hover .cimg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.clist li .cwz{ width:100%; height:auto; background:#fff; padding:20px 0}
.clist li .cwz p{ width:100%; font:21px/30px "微软雅黑"; color:#000; text-align:center; margin-bottom:20px;}
.clist li .cwz i{ width:175px; font:20px/47px "微软雅黑"; border:3px solid #024795; color:#024795; text-align:center; margin:0px auto; display:table; border-radius:30px;}

.nypli{ width:100%;}
.nypli li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 30px;
	position: relative;
}
.nypli2 li {
	margin-right: 60px;
}
.nypli li:nth-child(3n) {
	margin-right: 0px;
}
.nypli li .pro_img {
	background: #f5f5f5;
	padding: 10px 10px 60px;
}
.nypli li .pro_img a {
	width: 100%;
	height: 220px;
	text-align: center;
	overflow: hidden;
	background: #fff;
	display: block;
}
.nypli li .pro_img img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.nypli li .pro_img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}
.nypli li p {
	padding: 5px 1%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 98%;
	background: #7b7b7b;
	color: #fff;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.nypli li p span {
	display: block;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nypli li p span a {
	color: #fff;
}
.nypli li p em {
	display: none;
	font-size: 16px;
	height: 26px;
	line-height: 26px;
}
.nypli li p em a {
	color: #fff;
}
.nypli li:hover p em {
	display: block;
}
.nypli li:hover p span {
	height: 40px;
	line-height: 40px;
}
.nypli li:hover .pro_img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transform: translate(0, -20px);
	-webkit-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
}
.nypli li:hover p {
	height: 80px;
	background: #0355a7;
}

/**首页合作伙伴**/
.parbt{ width:100%; font:48px/60px "微软雅黑"; color:#fff; text-align:center; margin:55px 0 }
.pardiv{ width:100%;}
.pardiv li{ width:18.5%; float:left; height: auto; margin-right:1.875%; margin-bottom:20px}
.pardiv li .parimg{ width:100%; height:122px; overflow:hidden; box-sizing:border-box; border:1px solid #d8d8d8;}
.pardiv li .parimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.pardiv li:hover .parimg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.pardiv li:nth-child(5n+0){ margin-right:0}
.pardiv li p{ width:100%; float:left; font:18px/30px "微软雅黑"; color:#fff; text-align:center; margin:10px 0}

/**内页产品分类**/
.pb1{background:#E7E7E7 url(../images/products_09_1.png) right 54px bottom 32px no-repeat;}
.pb2{background:#2E2E2E url(../images/products_09_2.png) right 54px bottom 32px no-repeat;}
.plist2{ width:100%; }
.plist2 li{ width:100%; float:left;box-shadow: 0 8px 25px -8px rgba(0, 0, 0, 0.3); margin-bottom:30px;}
.plist2 li .bigpic{ width:40%; height:460px }
.plist2 li .bigpic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.plist2 li .pnr{ width:60%; height:460px;box-sizing:border-box; padding:0 10% 0 5%; position:relative}
.plist2 li .pnr .pm{ width:175px; font:16px/50px "微软雅黑"; color:#fff; text-align:center; background:#024795; position:absolute; right:0; top:0}
.plist2 li .pnr .pm1{ width:175px; font:16px/50px "微软雅黑"; color:#fff; text-align:center; background:#024795; position:absolute; left:0; top:0}
.plist2 li .pnr .psn{ width:100%; float:left; box-sizing:border-box; border-bottom:2px solid #5b5b5b; margin-top:90px;}
.plist2 li .pnr .psn .wzl{ width:35%; padding-bottom:35px;}
.plist2 li .pnr .psn .wzl b{ font: bold 24px/30px "微软雅黑"}
.plist2 li .pnr .psn .wzl p{ font:14px/20px "微软雅黑"; text-transform:uppercase; margin-top:5px;}
.plist2 li .pnr .wzr{ width:100%; font:15px/28px "微软雅黑"; padding-right:350px; box-sizing:border-box; margin-top:20px;}
.plist2 li .pnr .cx{ width:235px; height:6px; background:#024795; margin-top:-4px; float:left}
.plist2 li .pnr li{ width:30%; height:145px; float:left; overflow:hidden; box-sizing:border-box; border-radius:8px; margin-right:5%; margin-top:60px;}
.plist2 li .pnr li:last-child{ margin-right:0}
.plist2 li .pnr li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}






/**首页新闻**/
.industry {width:100%; height: auto; margin-top:50px; }
.industry ul li { width:32%; float:left; margin-right:2%;}
.industry ul li:nth-child(3n+0){ margin-right:0}
.industry ul li .npic{ width:100%; height:300px;}
.industry ul li .npic img{ display:inline-block; width:100%; height:100%; object-fit:cover;}
.industry ul li .nrnr{ width:100%; height: auto; background:#f5f5f5; padding:15px; box-sizing:border-box; position:relative;}
.industry ul li .nrnr .nbt{ width:100%; font:16px/30px "微软雅黑"; color:#000;}
.industry ul li .nrnr .nwz{ width:100%; margin-top:5px; font:14px/18px "微软雅黑"; height:40px; overflow:hidden; color:#5d5c5c}
.industry ul li .nrnr .date{ width:100%; margin:20px 0 10px; font:12px/14px "微软雅黑"; float:left; color:#9c9c9c; background:url(../images/ndate.png) no-repeat left; padding-left:20px; box-sizing:border-box}




/**end首页新闻**/


/**foot**/
.foot{ height:454px; margin-top:80px; background:url(../images/footbg.jpg) no-repeat center center; padding-top:50px;}
.foot .fmain{ width:1270px}
.foot .fmsg{ width:100%; margin-top:30px;}
.foot .fmsg textarea,.foot .fmsg input{ border:solid 1px #c3ccde; font-size:16px; line-height:30px; color:#fff; background:url(../images/tmw73.png); padding:20px 30px; box-sizing:border-box !important;font-family:'SourceHanSansCN-Regular'}
.foot .fmsg textarea{ height:135px}
.foot .fmsg input{ width:40%; height:70px; margin:20px 2% 0 0; display:inline}
.foot .fmsg .button{ width:16%; height:70px; background:#fe8a02; font-size:16px; line-height:50px; margin-top:20px;}
.foot .fwz{ font-size:16px; line-height:30px}
.foot .bqwz{ font-size:14px; line-height:30px}
.foot .qrcode{ width:140px; margin:38px 40px 0; display:inline}
.foot .qrcode img{ max-width:100px; display:inline-block}

#footer{ width:100%;color:#fff;  float: left; background: #eeeeee; padding:50px 0 40px ;} 
.footerdiv {text-align:center; color:#fff;  }

.foot_lx{ width:26.5%; margin-right:6%; }
.foot_lx .lxbt{ width:100%; border-bottom:1px solid #d3d3d3; text-align:left; color:#2b2a2a}
.foot_lx .lxbt p{ width:50%; float:left; font:18px/20px "微软雅黑";}
.foot_lx .lxbt b{ width:100%; float:left; font:bold 30px/30px "微软雅黑"; margin:20px 0}
.foot_lx  .lxul{ width:100%; margin-top:15px;}
.foot_lx  .lxul li{ width:100%; float:left; font:16px/30px "微软雅黑"; color:#2b2a2a; margin-bottom:30px;}
.foot_lx  .lxul li em{ width:30px; height:30px; float:left}
.foot_lx  .lxul li em img{ max-width:100%;}

.fdh{ width:48%; margin-top:30px; box-sizing:border-box; border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3; padding:25px 10%}
.fdh li{ width:calc(100%/3); float:left; margin-bottom:70px; text-align: center;}
.fdh li a{ font:18px/30px "微软雅黑"; color:#2b2a2a}
.fdh li a:hover{ color:#004da0}


.fl_ewm { width:13% ; text-align: left; }
.fl_ewm .eimg{ width:100% ; height:auto; float: left; text-align: center; margin-top:30px;}
.fl_ewm .eimg img{ max-width:100%}
.fl_ewm .eimg p{ width:100%; text-align:center; font:18px/30px "微软雅黑"; color:#2b2a2a; margin:15px 0;}

.fb{ background:#333333; font:16px/30px "微软雅黑"; color:#fff; padding:20px 0}
.fb a{ color:#fff}
.fb span{ float:right}


.nybox{width: 100%; margin-top:-80px; z-index:99; position:relative}
.nybox p { color: #FFF;  font-size: 16px;}
.nybox i { display: block;width: 29px;  height: 3px;  background-color: #FFF;  margin-top: 15px;}
.pro_mbx{  width: 100%; background-color: #EBEBEB; font:14px/55px "微软雅黑"; color:#666;}
.pro_mbx i{ float: left; display: block; width: 63px; height: 55px; margin-right: 15px; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; background: url(../images/products_03.png) center center no-repeat;}
.pro_mbx a{ color: #666;}
.pro_mbx a:hover{ color: #0065B9;}
.pro_mbx span{ display: inline-block; margin: 0 5px; width: 5px; height: 9px; background: url(../images/products_05.jpg) center center no-repeat;}


/**内页留言**/
.contbg{position: relative;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;color: #fff; background:url(../images/contact_bg.jpg) no-repeat}
.contbg .cbt{ font:35px/60px "微软雅黑"; color:#666; font-weight:bold}
.contbg .c1{ width:65%; height:50px; margin-bottom:10px; text-indent:15px; display:inline; border-bottom:solid 1px #ddd; font:16px/50px "微软雅黑"; color:#666; background:none}
.contbg .c1:last-child{ margin-right:0}

.contbg input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#666;}
.contbg input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#666;}
.contbg input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#666;}
.contbg input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#666;}
.contbg textarea{ width:65%; border:solid 1px #ddd; box-sizing:border-box !important; height:150px; background:none;font:16px/40px "微软雅黑"; color:#666; padding:15px; display:inline; }
.contbg .submit{ width:200px; height:44px; float:left; background:#024795; font:16px/44px "微软雅黑"; color:#fff; display:inline; margin-top:20px;}

/**内页客户**/
.nyparbt{ width:100%; background:#EBEBEB; box-sizing:border-box; border-left:5px solid #024795; font: bold 16px/45px "微软雅黑"; text-indent:20px;}
.parlist{ width:100%; margin-top:25px;}
.parlist li{ width:16%; float:left; height: auto; margin-right:0.8%; margin-bottom:20px}
.parlist li .parimg{ width:100%; height:122px; overflow:hidden; box-sizing:border-box; border:1px solid #d8d8d8;}
.parlist li .parimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.parlist li:hover .parimg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.parlist li:nth-child(6n+0){ margin-right:0}
.parlist li p{ width:100%; float:left; font:16px/30px "微软雅黑"; color:#000; text-align:center; margin:10px 0}

/**内页案例**/
.nycase{ width:100%; float:left;}
.nycase li{ width:32%; float:left; margin-right:2%; margin-bottom:35px;}
.nycase li:nth-child(3n+0){ margin-right:0}
.nycase li .cimg{ width:100%; height:275px; overflow:hidden; float:left}
.nycase li .cimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.nycase li:hover .cimg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.nycase li .cwz{ width:100%; height:auto; background:#fff; padding:20px 0; box-sizing:border-box; border:1px solid #ddd;}
.nycase li .cwz p{ width:100%;height: 30px;overflow: hidden; font:21px/30px "微软雅黑"; color:#000; text-align:center; margin-bottom:20px;}
.nycase li .cwz i{ width:175px; font:20px/47px "微软雅黑"; border:3px solid #024795; color:#024795; text-align:center; margin:0px auto; display:table; border-radius:30px;}


.news {width: 100%;background: #fff;}
.new_text {width: 100%;color: #222;}
.new_box{padding: 0px 7%;}

.box { width:100%; padding: 0px 7%;}
li.prow{width: 100%;float: left;margin-top: 1px; background-color: #F4F5F7; list-style:none}
li.prow .wz7{ width:100%;font:16px/48px "微软雅黑"; text-indent:17px; color:#000;box-sizing:border-box}
li.prow .wz7 a{color:#fff;}
li.prow .epdh{ width:100%; display:none; background:#024795}
li.prow .epdh a.mz { font:14px/40px "微软雅黑";color: #fff;width: 100%;display: block;text-align: left;text-indent:12px;}
li.prow .epdh a.mz:hover{ color:#00a1ea}
li.prow .epdh a.clwz3 {
	color: #999;
	font-size: 14px;
	width: 100%;
	display: block;
	text-align: left;
	padding-left: 16px;
	margin-top: 6px
; box-sizing:border-box
}

.about_sel {margin-top: 0;padding-bottom: 80px;}
.about_sel_box {width:25%;box-sizing:border-box; height: auto;float:left;}
.about_sel_box .tit { width:100%; float:left;background-color: #F4F5F7; padding: 40px 17px 16px 17px; font-size: 24px; color: #333; border-bottom: 2px solid #E4E4E5; }
.about_sel_box .tit span {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
}
.about_sel_box ul {height: 100%; width:100%; float: left}
.about_sel_box ul li {margin-top: 1px; background-color: #F4F5F7;width: 100%;float: left;cursor: pointer;}
.about_sel_box ul li > a { display: block; padding: 13px 17px; font-size: 16px; position: relative; float:left; width:100%; color:#333 }
.about_sel_box ul li > a:after { content: ""; display: block; position: absolute; top: 26px; right: 19px; width: 7px; height: 7px; border-top: 1px solid #4f4f4f; border-right: 1px solid #4f4f4f; transform: rotate(45deg); }
.about_sel_box li.focus > a { color: #fff; }
.about_sel_box li.focus > a:after { border-top-color: #fff; border-right-color: #fff; }

/*.about_sel_box ul h5 {height: 100%;text-align: center;font-size: 14px;color: #333;text-transform: capitalize;margin: 0;padding:20px 0;}
.about_sel_box ul li h5 span {font: bold 32px/36px "微软雅黑";  margin: 0;color:#024795; line-height: 18px; padding:1px 0 5px;}*/
	
.about_sel_box li.focus{color: #fff;background: #024795;}
.about_sel_box li .wz7.focus{color: #fff;background: #024795;}
.about_sel_tubiao {text-align: center;margin: 0px 0 10px;}

.inLogoH {display: block;}
.inLogoS {display: none;}
.focus .inLogoS {display: block !important;}
.focus .inLogoH {display: none !important;}
.about_sel_box li:hover .inLogoH{display: none;}
.about_sel_box li:hover .inLogoS{display: block!important;}
.about_sel_box li:hover h5{color: #fff!important}
.about_sel_box li:hover h5 span{color: #fff!important}
.about_sel_tubiao img {/*width: 34%;*/margin: 0 auto;}
.about_sel_con {position: relative;z-index: 9;}
.about_sel_left {position: relative;padding-right: 15px;}
.about_sel_zhe {position: absolute;right: 15px;top: 0;height: 100%;width: 50%;background: #F2F2F2;}
.about_sel_con h3 {font-size: 24px;color: #000;letter-spacing: 2px;margin: 49px 0 10px;font-weight: bold;}
.about_sel_con h5 {font-size: 14px;color: #666;margin: 0;line-height: 24px;width: 90%;}

.aboutCompanyInfor {width: 100%;}
.nav {width: 100%;}

.about_txt {
	width: 100%;
	text-align: center;
	margin: 35px 0;
}

.about_txt h2 {
	font: 30px/60px "微软雅黑";
}

.about_txt h2::after {
	content: '';
	display: block;
	width: 72px;
	height: 2px;
	background: #024795;
	margin: 0px auto;
}

.aboutDiv{ width:73%; font:16px/32px "微软雅黑"; }
.aboutDiv div,.aboutDiv span,{ line-height:32px!important; font-size:16px!important; color:#333; font-family:"微软雅黑","幼园"; }
.aboutDiv p { line-height:36px; font-size:16px; color:#666; font-family:"微软雅黑","幼园"; }
.aboutDiv .mnr{text-align:left;  margin:0px auto; padding:0px auto; width:100%; margin-bottom:60px; float:left;}
.aboutDiv .mnr .lwz{height:auto; width:50%; float:left;}
.aboutDiv .mnr .rimg{height:auto; width:45%; float:right;}
.aboutDiv .mnr .rimg img {width: 100%;}

/**荣誉**/


#honor{
	width: 100%;
	text-align: center;
	
	float: left;
}

#honor li {
	width: 32%; margin-right:2%;
	float: left; box-sizing:border-box; border:1px solid #ddd;
	margin-bottom: 35px;
	position: relative;
}
#honor li:nth-child(3n+0){ margin-right:0}

#honor li img {
	max-width: 186px;
max-height: 200px;
}

#honor li dl {
	display: table;
width: 100%;
height: 220px;
}

#honor li dt {
	display: table-cell;
vertical-align: bottom;
}

#honor li span {
	display: inline-block;
position: relative;
}

#honor li span::before{

background: url(../images/honor-ying.png) no-repeat right top;
position: absolute;
right: -24px;
top: 0;
height: 100%;
content: '';
width: 24px;
}

#honor li p {
height: auto  ;
margin: 0;
line-height: 25px;
padding-top: 25px;
overflow: hidden;
font-size: 14px;
color: #686868; margin-bottom:15px
}

/**招聘**/

.search_box {
	width: 100%;
	padding: 0px 5%;
	box-sizing: border-box;
}

.key {
	width: 100%;
	line-height: 50px;
	font-size: 14px;
	color:#585c64;
}

.key span {
	margin-right: 10px;
	cursor: pointer;
}



.job_title {
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	line-height: 43px;
}

.job_title div {
	width: 20%;
}

.cet_all {
	text-align: center;
}

.job_list {
	width: 100%;
}

.job_list li {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ececed;
	font-size: 14px;
	list-style: none;
}

.job_list li p{
	width: 20%;
	float: left;
}

.job_list li p img {
	display: none;
	margin: 0;
	margin-left: 8px;
}

.job_list li p img.heat{
	display: inline-block;
	
}

.btn_job {
	color: #024795;
}


.boon {
	width: 100%;
}

.boon_text {
	width: 40%;
}

.boon_text h2 {
	color:#024795;
	font-weight: 600;
	line-height: 45px;
	font-size: 38px;
}

.boon_text p {
	font-size: 34px;
	color:#666666;
	text-transform: uppercase;
	line-height: 40px;
	font-family: arial;
}

.boon_text i {
	display: block;
	width: 22px;
	height: 2px;
	background:#024795;
	margin-top: 20px;
}

.boon_box {
	width: 60%;
	font-size: 14px;
	color:#666666;
	line-height: 24px;
}

.boon_box span{
	font-size: 16px;
	color: #024795;
}


.jobview {width: 100%;margin: 0px auto;}
.jobview h2 {
	color: #333;
	font-size: 28px;
	font-weight: normal;
}


.share_box {width: 100%; margin-top:30px;padding: 20px;box-sizing: border-box;background-color: #f4f4f4}
.share_box li {width: calc(100%/3);list-style: none;font-size: 14px;line-height: 24px;}
.share_box li span {color: #999;}
.share_box li font {	color: #333;}
.description {width: 100%; margin-top:30px;}
.dtion_title {font-size: 18px;	}
.dtion_box {color: #666;line-height: 2;font-size: 14px; margin-top:20px;}

.jobhidden {
	width: 100%; margin-top:50px;
}

.jobhidden a {
	line-height: 38px;
	border-radius: 10px;
	width:18%;
	display: block;
	text-align: center;
	color: #fff;
}

.jobhidden a.btn_orange {
	background-color: #fd8d56;
	margin-right: 16px;
}

.jobhidden a.btn_green {
	background-color: #01b78e;
}
.more_wrap .clpse{
	display: none;
	width: 20%;
	margin: 0px auto;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color:#fff;
	background:#024795;
	cursor:pointer;
}

.more_wrap {
	width: 100%;
}

.more_wrap  .view_more {
	width: 20%;
	margin: 0px auto;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color:#fff;
	background:#024795;
	cursor:pointer;
}

/*news*/

.news-txt{float:right;margin-top:70px;width:50%;height:600px;background:#f6f6f6;padding:4% 2% 4% 4%;}
.news-txt .news-date{float:left;width:100%;font-size:36px;font-family:Arial, Helvetica, sans-serif;color:#024795;margin-top:40px;margin-bottom:36px;}
.news-txt h4{float:left;width:100%;font-size:18px;color:#f07d22;font-family:"微软雅黑";font-weight:normal;}
.news-txt p{float:left;margin-top:24px;width:100%;font-size:14px;color:#686868;font-family:"微软雅黑";line-height:26px;height:104px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

.news-txt .ab-more{position:relative;left:0;margin-left:0;bottom:0;margin-top:80px;}

.news-list{width:100%;margin:0px auto 0 auto;}
.news-list ul{width:101.3%;margin-left:-1.3%;}
.news-list ul li{width:32%;float:left;margin-left:1.3%;margin-bottom:30px;border:1px solid #ddd; -webkit-transition: -webkit-box-shadow .2s linear;transition: box-shadow .2s linear;}
.news-list ul li:hover{border:1px solid #024795;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1); box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.news-list ul li a{width:100%;float:left;padding:16px;}
.news-list ul li a .news-pic{width:100%;float:left;overflow:hidden; height:200px;}
.news-list ul li a .news-pic img{width:100%; height:100%; display:inline-block; object-fit:cover;display:block;transition: 2s;}
.news-list ul li:hover a .news-pic img{-webkit-transform:scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);}
.news-list ul li a .news-tit{width:100%;float:left;margin-top:20px;}
.news-list ul li a .news-tit .nbt{float:left;width:100%;font-size:18px;color:#024795;font-family:"微软雅黑";font-weight:normal;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list ul li a .news-tit p{float:left;margin-top:12px;width:100%; font:14px/22px "微软雅黑";color:#686868;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-list ul li a .news-tit .news-date{float:left;font-size:20px;font-family:Arial, Helvetica, sans-serif;color:#d1d3d4;margin-top:25px;margin-bottom:12px;}
.news-list ul li a .news-tit .news-more{float:right;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#024795;margin-top:25px;margin-bottom:12px;}


.news-content{width:100%;margin:0 auto;}
.news-content .news-title{width:100%;max-width:1440px;margin:0 auto;padding-bottom:36px;border-bottom:#d1d3d4 dashed 1px;}
.news-content .news-title h2{width:100%;font-size:24px;color:#f07d22;line-height:32px;font-family:"微软雅黑";font-weight:normal;text-align:center;}
.news-content .news-title h4{width:100%;margin-top:12px;text-align:center;}
.news-content .news-title h4 span{display:inline-block; zoom:1;*display:inline;font-size:12px;font-family:"宋体";color:#989898;margin-left:4px;margin-right:4px;}


/*products*/
.pro-pd-list{width:100%;}
.pro-pd-list ul{width:100%;}
.pro-pd-list ul li{float:left;width:32%; margin-right:2%; height: auto; text-align: center; overflow:hidden; box-sizing:border-box; border:10px solid #024795;  margin-bottom:20px}
.pro-pd-list ul li:nth-child(3n+0){ margin-right:0}
.pro-pd-list ul li .pimg{width:100%; float:left; height:270px; display:table-cell; vertical-align:middle; overflow:hidden;}
.pro-pd-list ul li .pimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.pro-pd-list ul li a{width:100%;position:relative;overflow:hidden;vertical-align:middle; display:table; float:left; height:100%;}
.pro-pd-list ul li a img{max-width:100%;vertical-align: middle;transition: 2s; width:auto; max-height:360px;}
.pro-pd-list ul li:hover a img{-webkit-transform:scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);}
.pro-pd-list ul li a p{ width:100%; float:left; font:16px/30px "微软雅黑"; margin:10px 0;}
.pro-pd-list ul li a b{ font:normal 14px/22px "微软雅黑"; color:#666; text-transform:uppercase; margin-bottom:10px; width:100%; float:left }
.pro-pd-list ul li:nth-child(2) a p{left:32px;}
.pro-pd-list ul li:nth-child(4) a p{left:32px;}
.pro-pd-list ul li:hover a p{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;}
.pro-pd-list ul li a .pvmore{width: auto; font:14px/30px '微软雅黑'; color:#000;position: absolute; bottom: 0;right: 5px; padding:0px 20px; background:#024795; border-radius:20px; color:#fff;}
.pro-pd-list ul li a:hover .pvmore{ background:#024795}

/** proDetails.html **/
.proDetails_sec {float:left;}
.proDetails_sec1_box {overflow: hidden;}
.fenye {text-align: center;	margin-top: 50px;	overflow: hidden;}
.fenye a {display: inline-block;	padding: 0 5px;	line-height: 30px;	color: #024795;	font-size: 14px;	border: 1px solid ##024795;	border-radius: 4px;}

#magnifier img {display: block;}
#magnifier {width: 100%;	height: auto;float: left;	position: relative;	cursor: pointer;}
#magnifier img {display: block;}
#magnifier #showmagnifier {display: table-cell;    text-align: center;    width: 100%;border: 1px solid #ddd;    vertical-align: middle;}
#showmagnifier>img {width: 100%;}
#magnifier #smallmagnifier {width: 184.5px;	height: 200.5px	;	position: absolute;	top: 0px;	display: none;}
#hiddenmagnifier {width: 100%; position: absolute;top: 0px;	left: 0px;	overflow: hidden;	/*display:none;*/visibility: hidden;	z-index: 5;}
#magnifier #bigmagnifier {position: absolute;}
#magnifierlist {width: 100%;height: 80px;margin-top: 20px;	padding: 7px 30px;	position: relative;	overflow: hidden;	border: 1px solid #dadada;}
#magnifierLeft {width: 30px;height: 100%;background: #000000;line-height: 80px;text-align: center;
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 0;
}
#magnifierMiddle {
	width: auto !important;
	height: 60px;
	float: left;
}
#magnifierMiddle>li {
	float: left;
/*	border: 2px solid #ddd;*/
	margin-left: 10px;
}
#magnifierMiddle>li>img {
	height: 60px;
}
#magnifierMiddle>li:first-child {
	border:1px solid #024795;
}
#magnifierRight {
	width: 30px;
	height: 100%;
	background: #000000;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 0;
	right: 0;
}
.zpbj a img {display: inline-block !important;}

.prodetails_sec_intfo {padding: 35px;}
.prodetails_sec_intfo h3 {border-bottom: 1px solid #dadada;
	margin-top: 0;
	font-size: 24px;
	padding-bottom: 10px;
	font-size: 24px;
	color: #333;
}
.prev{ width:100%; float:left }
.prev .pa,.prev .pb{ width: 100%;height:50px;margin-top:8px;display:inline;font:18px/50px "微软雅黑";color:#fff; padding:0 40px; box-sizing:border-box; background:#024795; overflow:hidden}
.prev .pa{ background:#ddd}
.prev a:hover{ background:#b40001}

.proD {margin:0px auto 0;overflow: hidden; font:16px/35px "微软雅黑"}
.proD img{ max-width:100%;}
.proD p{ color:#b40001}
.proD b{ color:#024795; width:100%; margin-top:20px; float:left}
.proD .jxdiv{height: auto; width:400px; margin:10px; }
.proD .jxdiv img{ max-width:100%;height: auto;  float:left;border-radius:20px;}
.proD h4 {font-size: 20px;color: #333;line-height: 24px;margin: 0 auto 20px;}
.proD h4 i {color: #024795;	margin-right: 10px;}
.proD h6 {font-size: 14px;line-height: 30px;color: #666;margin-top: 10px;font-weight:normal;}
.proD h6 img{width:100%;}
.proD h6 span {display: inline-block;border: 1px solid #ddd;font-size: 14px;height: 30px;line-height: 30px;padding: 0 15px;	margin-right: 10px;	margin-bottom: 10px;color: #666;}
.proD a {font-weight: bold;color: #024795;margin-left: 10px;font-size: 13px;}
.TabShowCon h3 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	line-height: 24px;
	margin: 10px auto;
}
/*.proDetails_sec2 */ 
.proDetails_sec2 {
	width:100%;
	padding: 0;
	 padding: 0px 0;
	 margin-top:2%;
}
.proDetails_sec2_list {
	width: 100%;
	overflow: hidden;
}
.proDetails_sec2_list ul {width: 100%;overflow: hidden;}
.proDetails_sec2_list ul li {
	width: 25% !important;
	float: left;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	border-right: solid 2px #fff;
	background: #909090;
}
.proDetails_sec2_list ul li.active {
	background: #024795;
}
.TabHide4 {
	display: none;
}
.TabShowCon {
	margin: 30px auto 50px;
	overflow: hidden;
}
.TabShowCon table {
	width: 100% !important;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.TabShowCon table tr td, .TabShowCon table tr th {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
.TabShowCon table tr th {
	background: #eee;
	font-size: 15px;
}
.TabShowCon table tr:nth-child(2n+1) {
	background: #f9f9f9;
}
.TabShowUL {
	overflow: hidden;
	margin: 0 auto;
}
.TabShowF {
	text-align: center;
	margin-bottom: 30px;
}
.TabShowF img {
	display: block;
	width: 100%;
	border: 1px solid #f5f5f5;
}
.TabShowF a:hover h3 {
	color: #024795;
}
.TabShowF a:hover img {
	border: 1px solid #024795;
}
.tabVideo {
	width: 60%;
	margin: 50px auto;
}
.tabqiehuan4 {
	margin-top: 50px;
}
.tabqiehuan4 h3 {
	color: #333;
	font-size: 24px;
}
.tabqiehuan4 h5 {
	color: #666;
	font-size: 16px;
}
.proDetails_sec2_p {
	overflow: hidden;
}
.proDetails_sec2_p p {
	line-height: 24px;
	font-size: 14px;
	color: #999;
}
.proDetails_sec2_p p i {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #000;
	margin: 0 10px;
	position: relative;
	top: -2px;
	border-radius: 100%;
}
.proDetails_sec2_more {
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 500;
}
.proDetails_sec2_more i {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 3px;
	margin-right: 10px;
}
.proDetails_sec2_more i img {
	display: block;
	width: 100%;
	height: 100%;
}
/* proDetails_sec3 */ 
.proDetails_sec3_tui h3 {
	color: #333;
	font-size: 24px;
	padding: 0 0 10px;
	border-bottom: 1px solid #dadada;
	margin: 0;
}
.proDetails_sec3_tui {
	overflow: hidden;
}
.proDetails_sec3_row {
	margin-top: 50px;
	overflow: hidden;
}
.proDetails_sec3_img {
	width: 100%;
}
.proDetails_sec3_img img {
	display: block;
	width: 100%;
}
.proDetails_sec3_row img {
	display: block;
	width: 100%;
	border: 1px solid #f5f5f5;
}
.proDetails_sec3_row h3 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	line-height: 24px;
	margin: 10px auto;
	text-align: center;
}
.proDetails_sec3_word h2 {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	font-weight: bold;
	margin: 20px auto 10px;
}
/* proDetails.html */

.down-list{width:100%;margin:60px auto 0 auto;padding:0px 0px;}
.down-list .down-table{width:100%;max-width:1440px;margin:25px auto 0 auto;/*overflow:auto;*/}
.down-list .down-table table{width:100%;min-width:640px;}
.down-list .down-table table tr td.td1{width:50%;}
.down-list .down-table table tr td.td2{width:50%;}
.down-list .down-table table tr td{background:#dedede;font-size:14px;color:#3f3f3f;font-family:"微软雅黑";height:40px;text-align:center;border-left:#fff solid 1px;border-bottom:#fff solid 1px;}
.down-list .down-table table tr td a{display:inline-block;width:96px;color:#3f3f3f;font-size:14px;font-family:"微软雅黑";line-height:40px;background:url(../images/down02.png) no-repeat right center;text-align:left;}
.down-list .down-table table tr:nth-child(even) td{background:#eee;}
.down-list .down-table table tr:hover td{background:#fff;color:#f27d21;}
.down-list .down-table table tr:hover td a{color:#f27d21;background:url(../images/down01.png) no-repeat right center;}


/* 常见焦点图 */
.focusBox{ width:100%; height: 100%;  overflow:hidden; position:relative; margin:0px auto;}
.focusBox .hd{  z-index:1;  text-align: center; width: 100%;  position: absolute; bottom: 0px; }
.focusBox .hd ul{ overflow:hidden; zoom:1;   }
.focusBox .hd ul li{ display: inline-block; margin:0px 6px; border-radius:50%;  width:14px; height:14px; line-height:18px; text-align:center; cursor:pointer; 	font-family:Arial; color:#fff; background-color:#ffffff; }
.focusBox .hd ul li.on{  color:#919191; background-color:#919191;}
.focusBox .bd{ position:relative;   }
.focusBox .bd li { width: 100%; height: 100%; text-align:center;}
.focusBox .bd li img { width: 100%;}
.focusBox .bd .con{ height:28px; line-height:28px; text-align:center; font-weight:bold; }


.ntion {width: 100%;height: 40px;background-color: rgba(183,146,112,.5);margin-top: -40px;position: relative;}

#gallery {	width: 100%;position: relative;}
#gallery img {  border: none;}
.pat60{ padding:60px 0}
.pros {}

#left { float:left; width:100%;  height: 64px; border-bottom: 1px solid #F7F7F7;}
#left .sidebar{ width:100%; }

.prodLilist{text-align:center; width: 31.979%; margin-right: 2%;float:left;  overflow:hidden; margin-bottom: 27px;}
.prodLilist span{display: table-cell;text-align: center;vertical-align: middle;}
.prodLilist span img { max-width: 100%;}
.prodLilist:nth-child(3n) { margin-right: 0; float: left;}
.prodLilist a {display: block;}

.pc_ul {width:100%; text-align:center; margin:0px auto; }
.pc_ul li{ width:32%; margin-right:2%; float:left; text-align:center;}
.pc_ul p {text-align: left; font-size:16px; color: #666; width: 100%;text-align:center;line-height: 56px;background: #fff;}

.page {width: 100%;text-align: center;margin-top: 2.4%;float: left}
.page a {display: inline-block;height: 38px;padding: 0 15px;background-color: #fff;border: 1px solid #e5e5e5;line-height: 38px;color: #666;margin: 0 1px;}
.page span {display: inline-block;height: 38px;padding: 0 15px;background-color: #024795;border: 1px solid #024795;line-height: 38px;color: #666;margin: 0 1px;color: #fff;}

.sidebar ul,.sidebara ul{width:100%;margin:0px auto;  }
.sidebar ul li{  line-height:64px; box-sizing: border-box;  height:64px; position: relative; float: left; }
.sidebar ul li a{ height:64px; box-sizing: border-box; line-height:64px; padding: 0px 20px; box-sizing: border-box; overflow:hidden; display:block;  color:#363636; font-size:16px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
.sidebar ul li.left1 a{ color: #024795; padding: 0px 20px; border-bottom: 3px solid #024795; }
.sidebar ul li i { display: block; width: 0px; height: 0px;  background: #fff; position: absolute; right: 0px; top:50%;}
.sidebar ul li:hover a{ color:#fff;background: #024795; }

.sidebar ul li ul{ padding:5px 0 0 10px; background:none;}
.sidebar ul li ul li a{ background:url(/images/sidebarlili.jpg) no-repeat left top;}


.news_box {width: 100%;padding:3% 0;}
#newslist ul {margin-top: 0%;}
#newslist ul li {border-bottom: 1px solid #e5e5e5;}
#newslist ul li:hover {  background-color: #f8f8f8;}

.new_txt {float: left;width: 80%; margin-top:22px; padding-right:3%; box-sizing:border-box}
.new_txt h2 {font-weight: normal;font-size: 18px;color: #000;height: 25px;overflow: hidden;}

.new_txt p {
	font-size: 14px;
	color: #777;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	margin-top: 18px;
}

.new_date {
	box-sizing: border-box;
	float: right;
	width: 20%;
	border-left: 1px solid #e5e5e5;
	font-family: 'Arial';
	color: #bababa;
	margin-top: 22px;
	font-size: 15px;
	text-align:center
}

.new_date span {
	text-align: center;
	display: block;
}

.new_date span.d1 {
	 width:100%; float:left;
	font-size: 50px;
color: #999;
line-height: 56px;
}
.new_date span.d2 { width:100%; float:left;}

.closeWindow { margin-top:48px; float: left;}
.closeWindow a { padding: 10px 8px; background: #024795; color: #fff!important; }

.preNext {
	border-top: dashed 1px #e5e5e5;
	padding-top: 1%;
}

.preNext p{
	width: 50%;
	float: left;
}

.preNext p+p {
	text-align: right;
}

.ption a{
	padding: 14px 20px;
	background: #024795;
	color: #fff;
}

#contact1 {
	width: 100%;
	margin: 64px 0px;
}

#contact1 li {
	width: 48%;
	float: left;
	box-sizing: border-box;
}

#contact1 li.cont_text {
	text-align: left;
	line-height: 2;
	font-size: 15px;
	float:right;
}

#contact1 li.cont_img img{
	width: 100%;
}

#contact1 li.cont_li {
	margin: 0px 30px;
}

#contact1 li h2 {
	color: #222;
	font: 30px/200px "微软雅黑";
}

#contact1 li p {
	color: #595959;
	font: 14px/14px "微软雅黑";
	margin-top: 34px;
}

.process ul li {
		margin-right:79px;
	}

.process ul li i {
		width: 80px;
		height: 80px;
	}
	


	
	.new_text {
		font-size: 24px;
		font-weight: bold;
		height: 56px;
		line-height: 1;
	}
	
	
	
	.honor {
		width: 25%;
		background: #f7f7f7;
		height: 340px;
	}
	
	.focusBox .hd ul {
		background: #222222;
		height: 38px;
		line-height: 38px;
		padding-top: 4%;
	}
	
	.case_img li:nth-child(3n) {
		margin-right: 0px;
	}
	
	.jiaoshiDiv_img img {
		width: 100%; 
		height: 100%; 
		max-height: 240px;
	}
	
		.navigation {
			width: 60%;
		}
		
		.navigation dl {
			width: calc(100%/6);
			float: left;
			text-align: left;
		}
		.navigation dl p{ width:100%; font:14px/30px "微软雅黑"; text-align:center;}
		.navigation dl dt {
			font-size: 16px;
			color: #fff;
			padding-bottom: 4%;
			position: relative;
		}
		
		.navigation dl dt::after {
			content: '';
			display:block;
			width: 25px;
			height: 1px;
			
			margin-top: 3%;
			position: absolute;
			bottom: -1px;
		}
		
		.navigation dl dd {
			width: 100%;
		}
		
		.navigation dl dd a {
			color: #ccc;
			font-size: 14px;
			display: block;
			margin-top: 8%;
		}
		
	

		
	
	
	
	
	.mainl {
		width:100%;
		margin-top: 40px;
	}
	
	
	
/*authen*/
.authen-banner{width:100%;height:250px;margin:0 auto;position:relative;}

.authen-list{width:100%;margin:0 auto; margin-bottom:60px;}
.authen-list .pub-title span{font-size:18px;color:#d1d3d4;line-height:22px;}
.authen-list .pub-title h3{font-size:24px;line-height:30px;color:#f27d21;}
.authen-list ul{float:left;width:100%;}
.authen-list ul li{float:left;width:25%;background:#f4f4f4; cursor:pointer;}
.authen-list ul li .authen-pic{padding:12% 22%;width:100%;height:100%;border:1px solid transparent;}
.authen-list ul li:hover .authen-pic{border:#f27d21 solid 1px; box-sizing:border-box;}
.authen-list ul li .authen-pic img{width:100%;display:block;}
.authen-list ul li:first-child{background:#e7e7e7;}
.authen-list ul li:nth-child(3){background:#e7e7e7;}
.authen-list ul li:nth-child(6){background:#e7e7e7;}
.authen-list ul li:nth-child(8){background:#e7e7e7;}


.pro-det-box{position:fixed;z-index:99999999;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);  *zoom:1;}
.pro-det{position:absolute;width:960px;height:600px;top:50%;left:50%;margin-top:-300px;margin-left:-480px;border:#f27d21 solid 4px;background:#fff;text-align:center;}
.pro-det-pic{display:inline-block; zoom:1;*display:inline;height:100%;}
.pro-det-pic img{height:100%;display:block;}
.pro-close{position:absolute;width:42px;height:42px;top:8px;right:8px;background:url(../images/icon-nav-close.png) no-repeat center center;background-size:100%; cursor:pointer;}

@media (max-width: 1800px) {
.main{ width:95%}	
}
@media (max-width: 1300px) {
.mindiv .mr .mrx{ width:85% !important;font: 20px/57px "微软雅黑";}
.tablist li{ margin:0 30px}
.industry ul li .npic{ height:250px}
.title .tda,.mindiv .mr p {
    font: 30px/35px "微软雅黑";
}
.jjdiv .jjbt b { font: bold 45px/55px "微软雅黑";}

}
@media (min-width: 1200px) and (max-width: 1600px) {
.rx li i { width: 40px; height: 40px;}
.rx li i img{ margin:5px}
.rx li .rxwz{ font:14px/16px "微软雅黑"; }
.rx li .rxwz p{font: bold 24px/36px "微软雅黑"}
.logowz{ font:17px/30px "微软雅黑"; width:45%}
.head_box {padding: 0px 2%;}
.fullSlide {height: 400px;}
.topindex-maxpic {height: auto;}
.fullSlide .bd li{height: 400px;}
.banner_min li {width: 24%;}
.aboutwz .wzcon{    font: 14px/28px "微软雅黑";}
.plist li .plimg{ height:310px}
.foot_lx .lxbt p{ width:60%;}
.mindiv .mr .mrx{ width:75%}
}


@media (max-width: 1200px) {
.banner{ margin-top:23px;}
.tbg,tbg1.tbg2{background-size: auto 80%;}
.title .tda {  font: 30px/48px "微软雅黑";}
.title .titen {font: normal 20px/24px "微软雅黑";}
.aboutwz .wzcon{ font:14px/30px "微软雅黑"}
.mindiv .ml li i { width: 80px;  height: 80px ;}
.mindiv .ml li i img { margin-top: 15px;  max-width: 60%;}
.mindiv .ml li .awz {width: 70%;  font: bold 20px/22px "微软雅黑" !important;}
.mindiv .ml li .awz p { font: 14px/22px "微软雅黑";  margin-top: 10px;}
.industry ul li .npic { height: 200px;}
.prodiv {margin-top:60px;}
.pro_list ul li{ width:330px;}
.jzul li i { width: 120px; height: 120px;}
.jzul li i .jzimg img {max-width: 80%;}
.jzul li p {  font: 16px/30px "微软雅黑";}
.pzxdiv .plist li .plimg { height: 210px;}
.clist li .cimg {height: 225px;}
.clist li .cwz p { font: 18px/30px "微软雅黑";}
.clist li .cwz i { width: 155px; font: 20px/35px "微软雅黑";}
.parbt { font: 40px/60px "微软雅黑";}
.pardiv li .parimg { height: 100px;}
.company li .cnbt { font: 25px/30px "微软雅黑";}
.fullSlide {height: 356px;}
.banner1{ margin-top:56px}
.banner1 img{ max-width:100%}
.nybox p {
    color: #FFF;
    font-size: 14px;
}
.nybox i{ margin-top:5px;}
.nybox{ margin-top:-40px;}
.topindex-maxpic {height: auto;}
.fullSlide .bd li{height: 356px;}
.head_box {padding: 0px 1%;}
.kong,.nav,.footer{ display:block}
#footer, .cbtr, .head,.fb {
    display: none;
}
.parlist li {
    width: 19%;
    float: left;
    height: auto;
    margin-right: 1.25%;
    margin-bottom: 20px;
}
.parlist li .parimg{ height:100px;}
.parlist li:nth-child(5n+0) {
    margin-right:0px;
}
.parlist li:nth-child(6n+0) {
    margin-right: auto;
}

#hon_Box,.topmeau{ display:none}
.nyhonor { display:block;
    width: 100%;
    padding: 0px 13.5%;
    box-sizing: border-box;
}
.nyhonor_box {
	width: 100%;
	position: relative;
}

.nyhonor_list .hd .nyhonor_next, .nyhonor_prev {
    top: 45%;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
    z-index: 1;
    cursor: pointer;
}

.nyhonor_list .hd .nyhonor_next {
    right: 0px;
    background: url(../images/next_nh.png) no-repeat;
    margin-right: -40px;
}

.nyhonor_list .hd .nyhonor_prev {
    left: 0px;
    background: url(../images/prev_nh.png) no-repeat;
    margin-left: -40px;
}

.nyhonor_box ul {
	width: 100%;
}

.nyhonor_box ul li {
	width: 298px;
	overflow:hidden;
	float: left;
	text-align: center;
}

.nyhonor_box ul li img {
	width: 90%;
	display: block;
}

.nyhonor_img {
	width: 298px;
	overflow: hidden;
	height: 346px;
}

.nyhonor_img:hover img {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
}

.nyhonor_box ul li p {
color:#fff;
line-height: 48px;
}


			
.mtop {height: 56px;}
/*.logo a img{ width:80% }*/
.topmeau li a {font: 16px/52px "微软雅黑";}
.rt_top {display: none;}
.column{	float: right!important;}
.banner_min li {	width: 30%;}
.box {padding: 0% 0%;}
.inpro li .pwz { font: 16px/45px "微软雅黑";}

.pro-pd-list ul li{width: 49%;margin-right: 2%; box-sizing: border-box;}
.pro-pd-list ul li:nth-child(3n){margin-right: 2%;}
.pro-pd-list ul li:nth-child(2n){ margin-right:0}


.about_sel_box ul li h5 span { font: bold 25px/36px "微软雅黑"; margin: 0; color: #024795; line-height: 18px; padding: 1px 0 5px;}

.aboutDiv {padding-bottom: 100px;}
.aboutDiv div,.aboutDiv span,{ line-height:32px!important; font-size:16px!important; color:#333; font-family:"微软雅黑","幼园"; }
.aboutDiv p { line-height:28px!important; font-size:15px!important; color:#666; font-family:"微软雅黑","幼园"; }
.aboutDiv .mnr{text-align:left;  margin:0px auto; padding:0px auto; width:100%; margin-bottom:15px; float:left;}
.aboutDiv .mnr .lwz{height:auto; width:100%; float:left; margin-bottom:25px;}
.aboutDiv .mnr .rimg{height:auto; width:100%; float:right;}
.aboutDiv .mnr .rimg img {width: 100%;}

.mgt60{ margin-top:35px}
.contbg .c1,.contbg textarea { width: 100%; font: 14px/50px "微软雅黑";}

.news-list ul li { width: 49%; margin-right: 2%;margin-left:0}
.news-list ul li:nth-child(2n+0){ margin-right:0}
.news-list ul li a .news-tit .nbt{ font:17px/20px "微软雅黑";}
.news-list ul li a .news-tit p{ font:12px/22px "微软雅黑"}
.news-list ul li a .news-tit .news-date,.news-list ul li a .news-tit .news-more{ font-size:15px; margin-top:10px;}

.prodLilist { width: 49%; margin-right: 2%;}
.prodLilist:nth-child(2n+0){ margin-right:0}

.plist2 li .bigpic,.plist2 li .pnr{ height:350px}
.plist2 li .pnr .psn{ margin-top:60px}
.plist2 li .pnr .psn .wzl b { font: bold 20px/30px "微软雅黑";}
.plist2 li .pnr .psn .wzl p { font: 12px/18px "微软雅黑";}
.plist2 li .pnr .psn .wzl {width: 100%;padding-bottom: 20px;}
.plist2 li .pnr .wzr { padding-right: 150px;font: 14px/25px "微软雅黑";}

.industry ul li h2{ height:60px;}


#newslist ul li {float: left;width: 100%;margin-bottom: 6%;}
.focusBox .bd li img {width: 80%;margin-top: 20%;}

.wdiv {width: 100%;}
.pj {  width: 100%;  height: 240px;  overflow: hidden;}

#footer {padding-top: 2.3%;}

.pzx{ padding:40px 0}
.plist li .plimg{ height:300px;}
.plist li p{ font:18px/30px "微软雅黑"}
.pmore {width: 255px; font: 18px/50px "微软雅黑";}
.jjdiv .jjbt b {
    font: bold 40px/55px "微软雅黑";
}
.jjdiv .jjbt p { font: 18px/35px "微软雅黑";}
.advimg img{ max-width:90%}
}


@media (max-width: 1024px) { 
.title .tda, .mindiv .mr p {
    font: 25px/35px "微软雅黑";
} 
.title .bten{font: bold 25px/30px "微软雅黑";}
.title .btcn{font: bold 25px/30px "微软雅黑";}
.mindiv .mr .mrx {
    width: 91% !important;
    font: 18px/57px "微软雅黑";
}
.mindiv .mr{ margin-top:60px}
.industry ul li .nrnr .nwz{ height:35px}
.p_pic{ margin-top:5%;}
.inpro span.active { width: 32%;}
.inpro {width: 100%;margin-right: 0px;}
.mindiv .ml li i { width: 60px;  height: 60px ;}
.mindiv .ml li i img { margin-top: 15px;  max-width: 50%;}
.mindiv .mm img{ max-width:80%; margin-top:10px;}
.plist li .plimg{ height:220px;}		
}

@media (max-width: 888px) {
.jjdiv{ padding:50px 0 40px;background: url(../images/advbg.jpg) repeat top center;}
.jjdiv .jjbt b {
    font: bold 30px/55px "微软雅黑";
}
.jjdiv .jjbt p { font: 16px/30px "微软雅黑";}
.jjdiv .jj li .pic{ font:28px/45px "微软雅黑"}
.advimg{ width:100%; text-align:center; margin-bottom:30px}
.advimg img{ max-width:80%}
.wd50{ width:100%;}
.nav .logo img {
    margin-top: 2.5px;
}
.tbg,.tbg1,.tbg2{background-size: auto 50%;}
.title{ height:auto;}
.title .tda {
    font: 24px/30px "微软雅黑";margin: 10px 0 15px;
}
.title .titen {
    font: normal 18px/20px "微软雅黑"; margin-top:10px
}
.pro_list{ margin-top:35px;  height:220px;}
.pro_list ul li { width: 300px;}
.pro_list ul li .pic{ height:220px}
.plist li{ width:49%}
.plist li:nth-child(2n+0){ margin-right:0}
.plist li:nth-child(3n){ margin-right:2%}
.plist li:nth-child(6){ margin-right:0%}
.plist li .plimg {
    height: 260px;
}
.plist li p{ padding:15px 0}
.plist li p span{ bottom:15px;}
.aboutwz .wzcon{ margin-top:30px;margin-bottom:40px; height:auto}
.casediv{ margin-top:25px}
.jzul li i {  width: 100px;  height: 100px;}
.jzul li i .jzimg img {
    max-width: 60%;
}
.abg {
    background: url(../images/aboutbg.jpg) repeat center top;
}
.aboutdiv{ padding:45px 0}
.aboutimg {
    width: 100%; text-align:center;
    height: 360px;
}
.aboutimg img{ max-width:80%}
.mindiv .mr p {
    font: 20px/35px "微软雅黑";
}
.mindiv .mr .mrx {
    font: 16px/57px "微软雅黑";
}
.aboutwz{ width:100%; margin-top:30px;}
.pzxdiv .plist li,.clist li {  width: 49%;}
.pzxdiv .plist li .plimg {  height: 260px;}
.pzxdiv .plist li:nth-child(4n){ margin-right:2%}
.clist li:nth-child(3n){ margin-right:2%}
.pzxdiv .plist li:nth-child(2n),.clist li:nth-child(2n){ margin-right:0%}
.pardiv li{ width:32%; margin-right:2%;}
.pardiv li:nth-child(5n){ margin-right:2%}
.pardiv li:nth-child(3n){ margin-right:0%}

.industry ul li{ width:49%; margin-bottom:20px;}
.industry ul li:nth-child(2n){ margin-right:0%}
.foot{ margin-top:50px}
.nycase li {  width: 49%;}
.nycase li:nth-child(3n){ margin-right:2%}
.nycase li:nth-child(2n){ margin-right:0}
#contact1{    margin: 35px 0px;}
#contact1 li{ width:100%} 
.new_txt p{ margin-top:0px}
.new_txt h2 {font-size: 16px;}
.pat60{ padding:0 0}
.about_txt h2 {font: 22px/40px "微软雅黑";}
#footer,.cbtr,.head,.about_sel_box{ display:none}
.footer { display: block;}



.pc_ul{ margin-top:30px}

.inpro li { width: 49%; margin-right: 2%;}
.inpro li:nth-child(2){ margin-right:0}
.inpro li .pj { height: 250px;}

.aboutul li {height: 225px;}

.casebt { background:none; height:auto; margin-bottom:30px;}
.cbt2 { font: 24px/24px "微软雅黑";margin-top:5px;}
.cbt3 {font: 14px/25px "微软雅黑"; margin-top: 10px;}

.newsbox{ margin-bottom:60px;}

.parlist li {
    width: 23.5%;
    margin-right: 2%;
}

.parlist li:nth-child(4n+0) {
    margin-right:0px;
}	
.parlist li:nth-child(5n+0) {
    margin-right: 2%;
}
	
.aboutDiv{ width:100%; margin-top:0px}	
.news-list{margin:0px auto 30px auto;}
.news-list ul{width:100%;margin-left:0%;}
.news-list ul li{width:100%;float:left;margin-left:0%;margin-bottom:36px;border:1px solid #024795;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1); box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.news-list ul li a .news-pic{ height:250px;}
.news-list ul li a .news-tit .news-date{float:left;font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#d1d3d4;margin-top:24px;}
.news-list ul li a .news-tit .news-more{float:right;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#024795;margin-top:26px;}

.fullSlide .hd {height: 30px;}
.fullSlide {height: 200px;}
.topindex-maxpic {height: auto;}
.fullSlide .bd li{height: 200px!important;}

.pros {padding: 3% 0px;}
	
.banner_min li {padding: 36px 1% 32px;}
	
#contact1 li h2 {font: 24px/48px "微软雅黑";}
	
.topBox {position: fixed; left: 0px; top: 0px; width: 100%;  color: #ababab; z-index: 9999999;  background-color: #f1f1f1; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);display: block;}
.logoBox { width: 60%; float: left;display: block;font-size: 1.2em;}
.logoBox  a {color: #fff;line-height: 56px;padding-left: 1em;	box-sizing: border-box;	}
.logoBox img {width:85px;}
			
.menu-handler { background-color: #e62129; display: block; width: 100%; height: 70px; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .menu-txt{ text-align: center; display: block; position: absolute; left: 0px; top: 0px; line-height: 70px; font-size: 14px; color: #fff; width: 100%;}
.menu-handler .burger { width: 20px; height: 2px; background: #fff; display: block; position: absolute; z-index: 5; top: 29px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 34px; }
.menu-handler .burger-3 { top: 39px; }
/*.menu-handler.active { background-color: #e62129; }
.menu-handler.active .burger { background-color: #fff; }*/
.menu-handler.active .burger-1 { top: 34px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 34px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
#menu-moible-handler { width: 56px; height: 56px; background-color: #024795; }
#menu-moible-handler .menu-txt{ line-height: 56px;}
#menu-moible-handler .burger { background-color: #fff; height: 3px; width: 30px; top: 18px; margin-left: -15px; }
#menu-moible-handler .burger-2 { top: 28px; }
#menu-moible-handler .burger-3 { top: 38px; }
#menu-moible-handler.active .burger-1, #menu-moible-handler.active .burger-3 { top: 28px; }
				
.navMobile { padding: 40px 0px;}
.menuBox {display: block;}
.menuBox { background-color: #f1f1f1; color: #9d9d9d;  position: fixed;  right: 0px;  top: 0px;  width: 584px;  height: 100%;  z-index: 910; overflow-x: hidden;  overflow-y: auto; -webkit-overflow-scrolling: touch;   transform: translate(570px,0px); -moz-transform: translate(584px,0px); -webkit-transform: translate(584px,0px); -o-transform: translate(584px,0px); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.menuBox-logo {  padding: 30px 30px 0px;}
.menuBox-logo a {font-size: 24px;color: #024795;}
.menuBox-logo .logo {  margin-left: 0px;}
.menuBox-logo .logo  img{ width: 146px;} 
			
.moible-menu li { float: left; display: block; width: 56px; height: 56px;}
.moible-menu { float: right; display: block;}
.navMobile .item { padding: 12px 30px; display: block; position: relative; font-size: 16px; line-height: 1.4; color: #5b5b5b;}
.navMobile .subnav { display: none;  background-color: #ffffff; padding: 20px 0px;}
.navMobile li.active .item {  color: #fff; background-color: #024795;}
.navMobile .subnav a {color: #828282;  display: inline-block; margin: 0px 10px 6px 30px;	background: #fff;width: 33.33333333%;}
			
.mobile-foot { padding: 40px 30px; border-top: 1px solid #d8d8d8;}
			
.mtop {height: 56px;}
	


.banner_min li h2 {font-size: 1.2em;font-weight: bold;}
.inpro span h2{font: 14px/35px "微软雅黑";color: #000;margin-top:0px;width: 100%;background:#f0f0f0;}
	
.pj {width: 100%;height: 150px;overflow:hidden;}
	
.new_text {	font-size: 1.2em;height: 32px;}
.new_cnt { width: 100%; float: left;  padding: 30px 0px;}

.navigation dl { width: calc(100%/5);  float: left;  text-align: left;}
.navigation dl dt {font-size: 14px;color: #fff;padding-bottom: 4%;position: relative;}
		
.navigation dl dd a {color: #ccc;font-size: 12px;display: block;margin-top: 8%;}
.navigation dl.ewm{ width:100%; margin-top:30px;}
.navigation dl p{ text-align:left}
.foot_bottom .db {position:absolute;right:7%;top: -149px;}


/* prdetails.html */
	.proDetails_sec {
	    padding: 0px 0;
	} 
	.proDetails_sec .SecCon{
		width: 100%;
	    padding: 0 !important; 
	    margin: 0;
	}
	.prodetails_sec_intfo { width:100%; box-sizing:border-box;
		float:left;
	    padding: 35px 15px;
	    background: #f9f9f9;
	}
	.prodetails_sec_intfo h3 {
	    font-size: 18px;
	}
	
	.proD {
	    margin: 20px auto 0;
	    overflow: hidden;
	}
	.proD h4 {
	    font-size: 16px;
	    line-height: 24px;
	    margin: 0 auto 10px;
	}
	.proD .jxdiv{height: auto; width: auto; margin:10px; }
	.proD h6 {
	    font-size: 13px;
	    line-height: 20px;
		margin-bottom:0px;
	}
	.proD h6 img{
		width:100%;
	}
	.TabShowCon {
    margin: 0px auto 50px;
    overflow: hidden;
}
	.proDetails_sec2{
		padding: 0 15px;
	}
	.proDetails_sec2_list ul li {
	    width: 50% !important;
	    padding: 15px 0;
	    font-size: 13px;
	    border-right: none; margin-bottom:3px;
	}
	.proDetails_sec3_tui>h3{
		margin:0 15px;
		font-size: 18px;
	}
	.proDetails_sec3_row h3{
		font-size: 13px;
	}
	#magnifierMiddle>li>img{ height: 50px !important;}
	
}


@media (max-width: 720px) { 
.topdiv{ display:none}
.title p{ margin-top:15px}
.nav .logo img{ height:25px; margin-top:10px}

.caser { height:200px;}
.industry ul li .nrnr font { font: normal 16px/30px "微软雅黑";}

.aboutDiv .mnr .lwz { height: auto;width: 100%; float: left;}
.aboutDiv .mnr .rimg {height: auto; width: 100%; float: right;}
.aboutDiv .mnr .rimg img,.casel,.caser,.main { width: 100%;}
.ntion {display:none;}
.inpro span,#honor li {width: 49%;}
.inpro span.active { width: 49%;}
.mainl {margin-top: 7%;}
.prodLilist {width: 48%;margin-right: 4%;}
.prodLilist span{ width:100%; height:350px; display:block;}
.prodLilist span img {height:100%;width: 100%;display:inline-block; object-fit:cover;}
.pros {width: 100%;padding-bottom: 3%;}
.prodLilist:nth-child(2n),#honor li:nth-child(2n){margin-right: 0px;}
#honor li:nth-child(3n){ margin-right:2%}
#honor li:nth-child(6){margin-right: 0px;}
	
.head,.head1,.column,.honor {display: none;}
	
.banner_min li h2 {font-size: 1.2em;}
.banner_min li { width: 31%;} 
.banner_min li p {font-size: 1em;height: 32px;}


.case_img li {width: 48%;margin: 0px 0px 2% 2%;}
.case_img li:nth-child(2n) {margin: 0px 0px 2% 2%;} 
			
.about_text,.about_rt,.about_lt{width: 100%;}

.navigation {width: 100%;margin-top: 8%;}
.new_cnt { width: 100%; float: left; padding: 30px 0px;}


}


@media (max-width: 640px) {  
.ban_text {width: 100%;text-align: center;}
.banner_min li {padding: 4% 1%;}
.banner_min li h2 {text-align: center;}
.banner_min li p {	margin-top: 6px;}
.banner_min li img {margin: 0px auto;float: none;margin-top: 12px;}
	

}

@media (max-width: 500px) {
.title .tda {
    font: 20px/30px "微软雅黑";
    margin: 5px 0 10px;
}
.title .bten,.title .btcn { font: bold 20px/30px "微软雅黑";}
.title .btcn{ margin-top:0}

.mindiv{ background: url(../images/min.jpg) repeat center center; padding:0 3% 30px; box-sizing:border-box}
.minimg,.mindiv .mr{ width:100%; text-align:center}
.minimg img{ max-width:80%}
.mindiv .mr{ margin-top:30px;}
.mindiv .mr .mrx{ width:100% !important; margin-left:0;  font: 15px/57px "微软雅黑";}

.banner{ margin-top:56px;}
.prodiv{ margin-top:30px;}
.pro_list{ margin-top:25px; height:160px}
.pro_list ul li{ width:200px;}
.pro_list ul li .pic { height:160px;}
.pro_list ul li .cwz { font: 16px/30px "微软雅黑";  margin: 10px 0;}
.pro_list ul li .pm dl { width: 80px; margin-right: 5px;}
.pro_list ul li .pm dl a {
    font: 14px/30px "微软雅黑";}

.honbg{ margin:30px 0; padding:35px 0}
.jzul{ margin-top:35px;}
.jzul li { width: calc(100%/2);}
.jzul li i {
    width: 80px;
    height: 80px;
}
.jzul li p {
    font: 14px/25px "微软雅黑";
}
.aboutimg { height:180px;}
.aboutwz .wzimg{ width:auto; height:auto; float:left;}
.aboutwz .wzimg img {
    max-width: 50%;
}
.aboutimg img {
    max-width: 90%;
}
.aboutwz{ padding-bottom:25px; margin-top:40px; padding:0 3%; box-sizing:border-box}
.aboutwz .wzcon{ margin-top:10px;font: 12px/25px "微软雅黑"; height:200px}
.aboutwz .wzmore{ margin-top:30px}
.industry,.foot .fmsg{ padding: 0 3%; box-sizing:border-box}
.industry ul li .nrnr .nwz{ font:12px/22px "微软雅黑"; height:auto}
.foot{ margin-top:20px}
.pzx{ padding:25px 0 10px}
.plist li{ width:100%;}
.plist li .plimg {
    height: 250px;
}
.pmore {
    width: 165px;
    font: 14px/40px "微软雅黑";
}
.plist{ margin-bottom:0; padding:0 3%; box-sizing:border-box}
.plist li p {
    font: 14px/30px "微软雅黑";padding: 5px 0;
}
.plist li p span {
    bottom: 8px;
    right: 10px; width:25px; height:25px; border-radius:5px; line-height:25px;
}
.jjdiv .jj{ padding:0 3%; box-sizing:border-box; margin-top:30px}
.jjdiv .jj li{ width:100%; height:auto}
.jjdiv .jjbt b {
    font: bold 26px/45px "微软雅黑";
}
.jjdiv .jj li .wz{ font-size:18px}
.jjdiv .jj li .wz p {
    font: 14px/22px "微软雅黑";
}
.mindiv{ padding-top:35px; margin-bottom:35px}
.mindiv .ml{ width:100%; margin-top:25px}
.mindiv .ml li{ height:auto; min-height:auto; margin-bottom:20px;}
.mindiv .ml li .awz {
    width: 80%;
    font: bold 16px/22px "微软雅黑" !important;
}
.mindiv .ml li .awz p {
    font: 12px/22px "微软雅黑";}
.mindiv .mm{ width:100%; margin-top:0; text-align:center}
.mindiv .mm img{ max-width:40%}

.casediv {
    margin-top: 35px;
}
.foot .fmsg textarea{ height:100px;}
.foot .fmsg input,.foot .fmsg .button{ width:100%; height:40px}
.foot .fmsg .button{ line-height:20px}
.foot .fmsg textarea, .foot .fmsg input{ padding:10px; font-size:12px}
.clist{ margin-top:35px;}
.clist li{ margin-bottom:15px;}
.clist li .cimg { height: 165px;}
.clist li .cwz p { font: 14px/22px "微软雅黑"; margin-bottom:10px}
.clist li .cwz{ padding:10px 0}
.clist li .cwz i {
    width: 125px;
    font: 14px/30px "微软雅黑";
}

.mid .mmore{ width:100%;font: 16px/45px "微软雅黑";}
.parbt { font: 28px/28px "微软雅黑"; margin:30px 0}
.pardiv li{ margin-bottom:0}
.pardiv li .parimg {height: 60px;}
.pardiv li p { font: 14px/25px "微软雅黑"; margin: 5px 0;}


.industry ul li{ width:100%;}
.title .titen {  font:12px/20px "微软雅黑"; margin-top:0}
.aboutDiv {
    font: 13px/28px "微软雅黑";
}
.share_box li {
    width: calc(100%/2);}
.pro-pd-list ul li .pimg{ height:150px;}
.nycase li .cimg{ height:180px;}
.nycase li .cwz i {
    width: 120px;
    font: 14px/30px "微软雅黑";
    border: 3px solid #024795;
}
.nycase li .cwz p{ padding: 0 15px; box-sizing:border-box}

.inpro li .pj { height: 180px;}
#contact1 li {width: 100%;}
#contact1 li.cont_img img {width: 100%;}
#contact1 {width: 100%;margin: 35px 0px;}
.news {padding: 6% 2%;}


.newsbox{ margin-top:30px;}
.nyhonor_img { height: 250px;}
.pro_mbx { font: 14px/45px "微软雅黑";}
.pro_mbx i{ float: left; display: block; width: 45px; height: 45px; margin-right: 10px;}
.nyparbt {font: bold 14px/32px "微软雅黑";}
.mgt60 { margin-top: 20px;}

.proDetails_sec2_list ul li{ padding:5px 0}
.prev .pa,.prev .pb{ height:40px;font:14px/40px "微软雅黑";}
.ption a {
    padding: 10px 20px;}
}


@media (max-width: 375px) {

.inpro li .pj { height: 180px;}

.new_cnt { width: 100%;  float: left; padding: 30px 0px;}

#contact1 li {width: 100%;}	
#contact1 li.cont_img img {width: 100%;}
#contact1 {width: 100%;margin: 35px 0px;}

.news {padding: 6% 2%;}


}


@media (min-width: 1200px) {
	
#newslist ul li {overflow: hidden;padding: 24px 0;}
.pros {width: 100%;padding: 3% 0;}
	
/* 常见焦点图 */
.focusBox .bd {width: 62%;margin: 0px auto;padding-top: 7.5%;}

.news {padding: 56px 0px;}
.new_box {padding: 3.5% 7%;}
	 

}


